/**
* Copyright (c) 2020 Copyright bp All Rights Reserved.
* Author: qiahao
* Date: 2020-03-24 11:49
* Desc:
*/
// ============= config
$ns: 'zm';
$namespace: $ns;

// =============
$--color-theme: #024137;
$--color-theme-primary: $--color-theme;
// $--color-primary: #0d92ff;
$--color-primary-light: mix($--color-white, $--color-primary, 30%) !default; // 79bbff;
$--color-success: $--color-theme-primary;
$--color-success-light-1: #41695e;
$--color-success-light-2: #83a48a;
$--color-error: #ed1c24;
$--color-danger: $--color-error;
$--color-warning: #ddc172;
$--color-white: #fff;
$--color-max-dark: #262626;
$--color-light-gray: #f5f5f5;
$--color-dark: rgb(14, 13, 13); // 文字主色
$--color-666: #666;
$--color-999: #999;
$--color-disabled: #898587;
$--color-placeholder: #898587;

$--text-color-primary: #333; // 文字主色
$--text-color-dark: #333; // 文字主色
$--text-color-666: #666;
$--text-color-999: #999;
$--text-color-secondary: $--text-color-666;
$--text-color-third: $--text-color-999;
$--text-color-disabled: #898587;
$--text-color-placeholder: #898587;
$--text-color-black: #000;

// background color
$--background-color-theme: $--color-theme;
$--background-color-dark: $--color-dark;
$--background-color-light-gray: $--color-light-gray;
$--background-color-base: #f1f1f0;
$--background-color-success: $--color-success;
$--background-color-light: #e4e7ed;
$--background-color-white: $--color-white;

// border-color
$--border-color-theme: $--color-theme;
$--border-color-white: $--color-white;
$--border-color-base: #f4f5f7;
$--border-color-dark: #898587;

// radius
$--radius-xs: 7px;
$--radius-sm: 10px;
$--radius-md: 13px;
$--radius-lg: 17px;
$--radius-xl: 27px;
$--radius-xxl: 40px;

// font-size
$--font-size-xs: 0.26rem;
$--font-size-sm: 0.28rem;
$--font-size-md: 0.30rem;
$--font-size-lg: 0.32rem;
$--font-size-xl: 0.34rem;
$--font-size-xxl: 0.46rem;
$--font-size-xxxl: 0.6rem;

$--font-size-map: (font-size-xs: $--font-size-xs,
  font-size-sm: $--font-size-sm,
  font-size-md: $--font-size-md,
  font-size-lg: $--font-size-lg,
  font-size-xl: $--font-size-xl,
  font-size-xxl: $--font-size-xxl,
  font-size-xxxl: $--font-size-xxxl);

// padingn margin
$--padding-xs: 0.1rem;
$--padding-sm: 0.2rem;
$--padding-md: 0.3rem;
$--padding-lg: 0.4rem;
$--padding-xl: 0.5rem;
$--padding-xxl: 0.6rem;
$--margin-xs: $--padding-xs;
$--margin-sm: $--padding-sm;
$--margin-md: $--padding-md;
$--margin-lg: $--padding-lg;
$--margin-xl: $--padding-xl;
$--margin-xxl: $--padding-xxl;

$--padding-margin-map: (pd: padding,
  pt: padding-top,
  pr: padding-right,
  pb: padding-bottom,
  pl: padding-left,
  mg: margin,
  mt: margin-top,
  mr: margin-right,
  mb: margin-bottom,
  ml: margin-left,
  plr: padding-left padding-right,
  ptb: padding-top padding-bottom,
  mlr: margin-left margin-right,
  mtb: margin-top margin-bottom);

$--padding-margin-size-map: (xs: $--padding-xs,
  sm: $--padding-sm,
  md: $--padding-md,
  lg: $--padding-lg,
  xl: $--padding-xl,
  xxl: $--padding-xxl);

// flex
@mixin flex {
  display: flex;
  overflow: hidden;

  &:before,
  &:after {
    display: none;
  }

  @include when(justify-center) {
    justify-content: center;
  }

  @include when(nowrap) {
    flex-wrap: nowrap;
  }

  @include when(justify-space-between) {
    justify-content: space-between;
  }

  @include when(align-space-between) {
    align-items: space-between;
  }

  @include when(justify-space-around) {
    justify-content: space-around;
  }

  @include when(align-space-around) {
    align-items: space-around;
  }

  @include when(align-middle) {
    align-items: center;
  }

  @include when(align-baseline) {
    align-items: baseline;
  }

  @include when(align-flex-end) {
    align-items: flex-end;
  }

  @include when(column) {
    flex-direction: column;
  }

  @include when(center) {
    justify-content: center;
    align-items: center;
  }

  @for $i from 1 through 6 {
    .#{$namespace}-flex__#{$i} {
      flex: $i;
      overflow: hidden;
    }
  }
}

$--header-height: 0.88rem;
$--header-left-width: 1.6rem;
$--header-right-width: $--header-left-width;
$--footer-height: 1.1rem;
$--footer-height-pd: $--footer-height+0.3rem;
$--header-zIndex: 99;

$--primary-gradient-background: linear-gradient(to right, $--color-primary-light-4 0%, $--color-primary 100%);